<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <script src="../react18/react.development.js"></script>
    <script src="../react18/react-dom.development.js"></script>
  </head>
  <body>
    <div id="app"></div>
    <script>
      /* 
      createRoot方法:
        * 属于ReactDOM提供的一个方法
        * 创建一个根容器对象,让React的组件或者虚拟DOM能在这个根容器中展示
        * 接受一个参数,是一个DOM元素,可以选择结构中的一个元素作为根容器
     
     */
      const root = ReactDOM.createRoot(document.querySelector("#app"));
      // const root = ReactDOM.createRoot(document.getElementById('app'));
      // const root = ReactDOM.createRoot(document.getElementsByTagName("div")[0]);
      console.log(root);
    </script>
  </body>
</html>
